<template xmlns:el-col="http://www.w3.org/1999/html">
<div>
<!--  公告通知详情   -->
  <el-button size="medium" type="primary" plain @click="goBack" >返回</el-button>
<!--  <el-page-header @back="goBack" title="公告通知" content="详情" ></el-page-header>-->
  <!--  分割线  -->
  <el-divider class="head"></el-divider>

  <div style="text-align: center;width: 100%">
  <div style="display: inline-block"></div>
  <div style="width: 60%;margin-top: 80px;display: inline-block">

  <div style="font-size: 35px;width: 100%; text-align: center">{{ AdmNoticeByidData.title }}</div>

<div style="font-size: 18px; text-align: center;margin-top: 12px">{{ AdmNoticeByidData.noticeNotificationtime }} &nbsp;&nbsp; 发布人:{{AdmNoticeByidData.userRealname}} </div>

    <el-divider></el-divider>

    <el-input
        type="textarea"
        :disabled="true"
        :rows="10"
        v-model="AdmNoticeByidData.noticeContent">
    </el-input>




  </div>
  </div>
</div>
</template>

<script>
export default {
  name: "QueryAdmNoticeByid",
  data(){
    return{
      id:this.$route.params.id,
      AdmNoticeByidData:{}, // 详情数据
    }
  },
  created() {
this.queryAdmNoticeByid();

  },
  methods:{
    goBack(){ this.$router.go(-1) }, // 返回上一个页面
    queryAdmNoticeByid(){

      const loading = this.$loading({
        lock: true,
        text: '正在载入...',
        spinner: 'el-icon-loading',
        background: 'rgba(0, 0, 0, 0.7)'
      });

      this.$http.get(`admNotice/${this.id}`)
      .then(res => {

        setTimeout(() => {
          loading.close();
        });

        this.AdmNoticeByidData = res.data.data
      })
      .catch()
    }

  }
}
</script>

<style scoped>

.head{
  margin-top: 10px ;
  margin-bottom: 15px ;
  height: 2px;
}

.el-col el-col-5{
  width: 100%;
}

</style>